VnBootsTrap Sharing for all

Trang chủ » Posts filed under Blogspot Tips

chia header làm 2 phần, một bên logo và 1 bên quảng cáo

Bài viết hướng dẫn các bạn chia Header của blogspot ra làm 2 phần với kích thước tùy chỉnh. Khi online tìm kiếm thủ thuật các bạn hay gặp các blogger hiện nay hay làm header dạng 2 cột cột trái để logo còn cột phải là banner quảng...

Một số thẻ điều kiện if trong Blogger

Dưới đây là 1 số thẻ điều kiện if trong Blogger mà mình biết được. Nếu như thiếu cái nào thì các bạn bổ sung giúp mình trong phần Comment nhé! 1. Thẻ điều kiện cho trang chủ, trang search label, trang archive: <b:if cond='data:blog.pageType...

Tìm hiểu thuộc tính showaddelement trong section

Trong blogspot các tiện ích HTML được chứa trong cặp thẻ b:section có dạng như bên dưới: <b:section id='tên id' class='tên class' maxwidgets='số lượng' showaddelement='no'> Các tiện ích Widget </b:section> Trong...

Tìm hiểu thuộc tính locked của thẻ b:widget

Thẻ b:widget chính là một phần tử con của b:section, nó có thể là một tiện ích HTML, popularposts,... nói chung là tất cả những gì bạn có thể thêm trong phần Bố cục. Mình lấy ví dụ với tiện ích HTML1 có dạng như sau: <b:widget...

Hướng dẫn tạo bình luận cho blogger mới nhất với Avatar bo tròn

Bài viết hướng dẫn các bạn tạo Recent comment mới nhất với biểu tượng Avatar bo góc đẹp. Các bạn làm theo hướng dẫn bên dưới nhé Bước 1: Đăng nhập vào Blogger - Bố cục thêm tiện ích - HTML & Java Script Bước 2:...

Hướng Dẫn Nhúng Boostrap Vào Blogger

Trong bài viết trước tôi đã hướng dẫn các bạn tạo 1 trang web trắng tinh trên bloggspot. Tiếp nối bài này tôi sẽ hướng dẫn các bạn tích hợp bootstrap vào trong blogspot Bài hướng dẫn tạo trang web trắng blogspot các bạn có thể tham...

Tích hợp hiệu ứng hộp đèn (Lightbox) cho hình ảnh trong Blogger

Bài viết này mình sẽ hướng dẫn các bạn tích hợp hiệu ứng hộp đèn cho blog. Hiệu ứng hộp đèn nó trông như ảnh này nhé Bình thường, để thêm hiệu ứng hộp đèn cho blog, bạn chỉ cần làm như sau: Đăng nhập Blogger ~> Vào Cài đặt...

Chia sẻ bộ thẻ Meta full cho blogger năm 2018

Đây là bộ thẻ Meta Full năm 2018 dành cho blogger bộ thẻ này mình sưu tầm được nên post lên cho các bạn nào cần. Một số thẻ khá mới các bạn có thể tra trên google để tìm hiểu nhé.<meta charset='utf-8'/><meta content='width=device-width,minimum-scale=1,initial-scale=1'...

Widget Recent post đẹp cho blogspot

1. Đăng nhập blogger - Bố cục - thêm tiện ích - HTML JavascriptCopy đoạn code bên dưới dán vào<style scoped='' type='text/css'>#recent-posts{color:#999;font-size:12px}#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}#recent-posts...

Threaded Comments for Blogger With Awesome Style

Bài viết hướng dẫn các bạn tạo khung comments system đẹp cho blogspot. Vui lòng làm theo các bước sau đâyBước 1: Vào chủ đề - Chỉnh sửa HTML tìm code sau:<b:include data='post' name='comments'/>Sau đó thay thế bằng code bên...

[Sticky Widget] Cố định tiện ích khi cuộn trang blogspot

Sticky Widget cố định cho Blog là widget sẽ chạy theo màn hình khi cuộn trang xuống hoặc cuộn trang lên.Với cách cố định Widget này sẽ giúp người truy cập nhanh vào các menu, hoặc bạn cần làm nổi bật một nội dung widget nào đó. Đặc...

Tạo Nút Lên Đầu Trang (Back To Top) Cho Blogspot

Hướng dẫn tạo nút Lên đầu trang (Back to top) với hiệu ứng animation cực đẹp cho BlogspotBước 1: Đăng nhập vào trang quản lý Blogger.com chọn Chủ đề rồi chọn tiếp Chỉnh sửa HTML . Sau đó các bạn copy mã bên dưới đây vào sau thẻ <head><link...

Hướng dẫn tạo Menu cho Blogspot bằng Widget tùy chỉnh

Bài viết này sẽ hướng dẫn các bạn tạo cho mình Menu blogspot chuyên nghiệp. Như các bạn đã biết việc tạo Menu cho blogspot có rất nhiều cách thường là sử dụng chỉnh sửa trong code là chính. Đối với những bạn lập trình viên hoặc những...

Cách thêm Widget (thêm tiện ích) vào Blogspot

1. Cách thêm một tiện ích widget thông thườngỞ cách thêm tiện ích widget thông thường này thì khi thêm tiện ích sẽ xuất hiện toàn bộ web, từ trang chủ, bài viết, label ...<b:section class='sidebar' id='sidebar1' preferred='yes'><b:widget...

Tạo phân trang (Page Navigation) cho Blogspot

Nếu như blog của bạn có nhiều bài viết thì sẽ rất mất công cho người dùng khi muốn xem các bài viết cũ hơn trên blog của bạn. Tính năng bài đăng cũ hơn hay mới mơi không thể giải quyết hết vấn đề mà người đọc cần. Bài viết này mình...

Hướng dẫn tạo Recent Post hiển thị theo Label

Bước 1: Vào blogger.com > Template > Edit HTMLBước 2: Dán code bên dưới vào trên thẻ </head><b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><style...

Hướng dẫn tạo nút trở về đầu trang bằng jQuery

Nút trở về đầu trang (back to top hay là scrollTo Top) một ví dụ sử dụng jQuery là một sự cần thiết cho tất cả website hiện nay, tuy nhỏ nhưng rất có ích dành cho các bạn lười kéo chuột chỉ cần bấm vào link sẽ lên trên đầu trang web....